<template>
  <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="0" :isFlat="false">
    <div class="flex-center">
      <form-view></form-view>
    </div>
  </ScaleBox>
</template>

<script setup lang="ts">
import ScaleBox from "vue3-scale-box";
import FormView from './components/FormView.vue';
</script>

<style scoped>
.flex-center {
  width: 1920px;
  height: 100vh;
  background-color: gray;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>



<!--<template>-->
<!--  <div ref="screenRef">-->
<!--    <div class="flex-center">-->
<!--      <form-view></form-view>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup lang="ts">-->
<!--import FormView from './components/FormView.vue';-->
<!--import windowResize from '@/utils/resize';  // 引入resize文件-->
<!--import { onMounted, onUnmounted } from 'vue';-->

<!--const { screenRef, calcRate, windowDraw, unWindowDraw } = windowResize()-->

<!--onMounted(() => {-->
<!--  // 监听浏览器窗口尺寸变化-->
<!--  windowDraw()-->
<!--  calcRate()-->
<!--})-->

<!--onUnmounted(() => {-->
<!--  unWindowDraw();-->
<!--})-->
<!--</script>-->

<!--<style>-->
<!--.flex-center {-->
<!--  width: 100vw;-->
<!--  height: 100vh;-->
<!--  background-color: gray;-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--}-->
<!--</style>-->
